<template>
    <view class="content">
        <div class="detail-warp">
            <div class="sitem" v-for="(item,index) in 6" :key="index">
                <image src="" mode="aspectFill" class="cimages"></image>
                <div class="sinfo">
                    <h1>昵称：喵喵</h1>
                    <p>预定时间：07.22 18:00 <span class="cor">（早）</span></p>
                    <p>人数：5人</p>
                    <p>订单号：5698524586</p>
                    <p>下单时间：2019.08.15 18:31</p>
                    <p>使用时间：2019.08.15 21:00</p>
                    <p>联系人：黄小姐</p>
                    <p>电话：15215874568</p>
                    <p>订单状态：已完成</p>
                </div>
            </div>
        </div>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                shop_info : [],
                list : []
            }
        },
        onLoad(e) {
            this.shop_info = uni.getStorageSync('userinfo');
            this.getData();
        },
        methods: {
            getData() {
                let t = this,
                    param = {};
                param.is_loading = true;
                param.url = 'api/shop/home/customerdetail';
                param.data = {};
                param.data.shop_id = t.shop_info.id;
                param.data.user_id = 7;
                t.util.requests(param, res => {
                    res = res.data.data;

                });
            }
        },
    }
</script>
<style>
    page {
        background: #f5f5f5;
    }

    .detail-warp {
        margin: 30upx;
    }

    .sitem {
        background: #fff;
        padding: 20upx;
        display: flex;
        justify-content: space-between;
        margin-bottom: 30upx;
        border-radius: 10upx;
    }

    .cimages {
        width: 110upx;
        height: 110upx;
        background: #f8f8f8;
        border-radius: 50%;
    }

    .sinfo {
        flex: 1;
        margin-left: 20upx;
        line-height: 2;
    }

    .sinfo h1 {
        font-size: 28upx;
        color: #242424;
        margin-bottom: 10upx;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }

    .sinfo p {
        font-size: 26upx;
        color: #999;
    }

    .cor {
        font-size: 26upx;
        color: #fc21fc;
    }
</style>
